<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        
    </style>
</head>
<body>
    <div class="box">
        <span>文字</span>
    </div>
</body>
<script>

    // var box = document.querySelector(".box")

    // var div = document.createElement("div");
    // // console.log(div);

    // box.appendChild(div);

    // div.innerHTML = "hello";

    // div.style.background = "pink";

    // box.remove();

    // document.body.removeChild(box);

    // console.log( box.outerHTML );

    // box.outerHTML = "<a href='http://www.baidu.com'>"+ box.innerHTML +"</a>"


    // 投机取巧的创建新元素的方式
    // box.innerHTML += "<div></div><div></div><div></div><div></div><div></div><div></div>";
    
</script>
</html>